

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Photo Slide Show with Slick Caption Tutorial Revisited</title>
<link href="menu.css" rel="stylesheet" type="text/css" />
<link href="slider.css" rel="stylesheet" type="text/css" />
<link href="footer.css" rel="stylesheet" type="text/css" />
<link href="cuerpo.css" rel="stylesheet" type="text/css" />
<link href="tooltips.css" rel="stylesheet" type="text/css" />
<link href="formularioContacto.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="load.js"></script>
<script type="text/javascript" src="formulariocontacto.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript" src="slider.js"></script>
<script type="text/javascript" src="tooltips.js"></script>


<script type="text/javascript">


$(document).ready(function() {          
        


setInterval(function(){
$("#trabaja").hide(1000);


$("#trabaja").toggle( 1000);
},3900)
        
//$("#trabaja #curriculum")..animate({"top": "+=50px"}, "slow");
        
});






</script>
<style type="text/css">


body {
        font-family:arial;      
        font-size:12px;
        margin:0;
        
}






#nav{
        margin:0 auto 0 auto;
        height:850px;
        width:968px;
        border: 2px dotted #ff9999;
        
}




div
{
        display:block;
}




#nav #logo{
        background: url("images/logo.png") no-repeat transparent;
        border: 2px dotted blue;
        height:100px;
        width:102px;
}




#apDiv1 {
        position:absolute;
        width:735px;
        height:192px;
        z-index:1;
}
#apDiv2 {
        position:absolute;
        width:200px;
        height:260px;
        z-index:1001;
        left: 939px;
        top: 148px;
        float:right;
}


#trabaja{
        background: url("images/envia.png") no-repeat transparent;
        
        width:190px;
        height:65px;
        position:absolute;
        z-index:1000;
        opacity:0.7;
        
}




#apDiv3 {
        background: url("images/city.png") no-repeat transparent;
        
        height:65px;
        position:relative;
        top:-60px;
        
}
#apDiv4 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:2052;
        left: 229px;
        top: 12px;
}
#apDiv5 {
	position:relative;
	width:200px;
	height:115px;
	z-index:2051;
	left: 95px;
	top: 470px;
}
</style>
</head>
<body>

<div id="content">


  <div id="apDiv1">
<div id="slideshow">
    <img src="images/slider1.png" alt="Slideshow Image 1" class="active" width="750" height="260" />
    <img src="images/slider2.png" alt="Slideshow Image 2" width="750" height="260"/>
    <img src="images/slider3.png" alt="Slideshow Image 2" width="750" height="260"/>
    </div>
</div>
<div id="apDiv5">
<ul>
		<li><a href="images/logo-oscuro.png" class="preview" title="Villagra Seguridad Integral esta para proteger todos tus requerimientos de seguridad, ya sea para tu familia o empresa. Te invito a conocernos "><img src="images/monoguardia.png" alt="gallery thumbnail" /></a></li>
    </ul>
</div>

  


  <div id="apDiv2"><div id="trabaja"></div><img src="images/trabaja.png" width="189" height="258" /></div>
  
</div>

</body>
</html>
